@blue:#0078d7;
.container-fluid{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	background-color: #222222;
	.language{
		// margin-left: 400%;
		display: flex;
		justify-content: center;
		align-items: center;
		// float: right;
	}
}

.container .navbar-brand{
	width: 146px;
	float: right;
	background-image: url('../img/LAYABOX_03.png');
	background-repeat: no-repeat;
	overflow: visible;
	text-align: right;
	background-position-y: 5px;
	// background-position-x: -50px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	width: 80%;
}
.navbar-nav{
	width: 100%;
	float: right;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background-color: #080808;
	color: #fff;
}
.container{
	width: 100%;
}
.navbar{
	margin-bottom: -1px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{
	width: 100%;
}
// .nav{
// 	width: 90%;
// }
// 第三页
.page3{
	height: 100%;
	background-color: #fbfaf8;
	.pic3_2{
		margin-top: 121px;
	}
}
.title3{
	font-size: 45px;
	color: @blue;
	margin-top: 107px;
	height: 45px;
	line-height: 45px;
	width: 80%;
}
.pic3_1_out{
	// padding-left: 20%;
		// margin-left: 20vh;
		display: flex;
		flex-direction: column;
		align-items: center;
	.p3{
		margin-top: 34px;
		width: 80%;
		color: #666666;
			}
	.pic3{
		width: 80%;
		height: 100%;
		margin-top: 79px;
		.pic3_1{
			display: flex;
			flex-direction: row;
			height: 122px;
			margin-top: 5px;
			.pic3_font{
				margin-left: 5%;
				position: relative;
				z-index: 1;
				.pic3_h{
					color: #333333;
					font-size: 19px;
					line-height: 19px;
					width: 161px;
				}
				.pic3_p{
					margin-top: 10px;
					font-size: 13px;
					width: 90%;
					color: #666666;

				}
			}
		}
	}
}
// 第四页
.page4{
	height: 581px;
	.pic4_1_out{
		margin: 0 auto;
		// margin-top: 165px;
	}
	.pic4_img{
		margin-left: 20%;
		margin-top: 165px;
	}
	.pic4{
		width: 80%;
		height: 100%;
		margin-top: 45px;
		.pic4_1{
			display: flex;
			flex-direction: row;
			align-items: center;
			// height: 122px;
			margin-top: 16px;
			.pic4_p{
				padding-left: 10px;
			}
		}
	}
}
// 第五页
.page5{
	height: 100%;
	background-color: #0079d7;
	
	.title5{
		margin: 0 auto;
		text-align: center;
		margin-top: 116px;
		font-size: 46px;
		color: #fff;
		height: 46px;
		line-height: 46px;
		margin-bottom: 76px;
	}
	.page5_col_in{
		display: flex;
		flex-direction: row;
		width: 70%;
		margin: 0 auto;
		.page5_font{
			margin-bottom: 80px;
			margin-left: 40px;
			.pic5_h{
				font-size: 25px;
				color: #fff;
			}
			.pic5_p{
				font-size: 14px;
				color: #fff;
			}
		}
	}
	.page5_row{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
// 第六页
.page6{
	height: 120%;
	.out6{
		width: 80%;
		margin: 0 auto;
		margin-top: 40px;
		.font6{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			.h6{
				height: 129px;
				line-height: 129px;
				font-size: 33px;
			}
			.p6{
				height: 129px;
				line-height: 129px;
				font-size: 14px;
			}
		}
		.pic6{
			display: flex;
			// flex-direction: row;
			// justify-content: space-between;
			margin-bottom: 100px;
				.pic06_p{
					text-align: center;
				}
			 
			// .pic6_left{
			// 	margin-right: 5%;
			// }
			.pic6_right{
				width: 100%;
				display: flex;
				// justify-content: end;
				margin-left: 1.5%;
			}
		}
	}
}
// 第七页
.page7{
	height: 100%;
	background-color: #f4f4f4;
	.page7_out{
		width: 80%;
		margin: 0 auto;
		// margin-bottom: 100px;
		// height: 100%;
		.head7{
			font-size: 30px;
			height: 30px;
			line-height: 30px;
			margin-top: 40px;
			margin-bottom: 32px;
		}
		.pic7{
			margin-bottom: 20px;
		}
	}
	.row7{
		margin-bottom: 70px;
	}
}
// footer
.footer{
	height: 100%;
	background-color: #3b3b3b;
	color: #a1a3ab;
	.footer_out{
		width: 80%;
		margin: 0 auto;		
		display: flex;
		margin-top: 20px;
		margin-bottom: 20px;
		.footer_font{
			width: 100%;
			.footer_h{
				font-size: 13px;
				display: flex;
				flex-direction: row;
				// justify-content: start;
				width: 100%;
				justify-content: space-around;
				margin-top: 36px;
				margin-bottom: 15px;
				height: 13px;
				line-height: 13px;
			}
			.footer_p{
				font-size: 9px;
			}
		}	
		.footer_pic{
			display: flex;
			flex-direction: row;
			align-items: end;
			width: 100%;
			img{
				margin-left: 20px;
			}
		}
	}
}
@media(max-width:650px){
	.footer_out{
		flex-direction: column-reverse;
		.footer_pic{
			justify-content: space-around;
		}
	}
	
}
@media(min-width:650px){
	.footer_out{
		justify-content: space-between;
		.footer_pic{
			justify-content: end;
		}
	}
	
}

@media(max-width:1089px){
	.pic6{
		flex-direction: column;
	}
	.pic6_left{
		margin: 0 auto;
		margin-bottom: 100px;
		height: 100%;
		margin-top: 50px;
		width: 100%;
		display: flex;
		justify-content: center;
		img{
			width: 100%;
		}
	}
	.pic6_right{
		justify-content: center;
		align-items: center;
		width: 100vh;
		.pic06{
			// width: 100%;
			// margin-bottom: 100px;

		}
	}
}
@media(min-width:1090px){
	.pic6{
		flex-direction: row;
	}
	.pic6_right{
		justify-content: end;
	}
}
@media(max-width:768px){
	.container-fluid{
		display: block;
	}
	.navbar-brand{
		width: 50%;
	}
	.language{
		float: left;
	}
	.container .navbar-brand{
		float: left;
	}
	.pic06 {
		display: grid;
		grid-template-columns: repeat(4, 67px);
		grid-template-rows: repeat(3, 67px);
		grid-column-gap: 33px;
		grid-row-gap: 33px;
		} 
}
@media(min-width:768px){
	.container .language{
		float: right;
	}
	.pic06 {
		display: grid;
		grid-template-columns: repeat(6, 67px);
		grid-template-rows: repeat(2, 67px);
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
}

@media(max-width:1050px){
	.pic3_2{
		display: none;
	}
	.pic3_2_out{
		width: 0;
	}
	.page4 .pic4_1_out{
		width: 0;
	}
	.page4 .pic4_1{
		display: none;
	}
}
@media(min-width:1050px){
	.pic3_1_out{
		width: 60%;
		float: left;
	}
	.pic3_2_out{
		width: 40%;
		float: left;
	}
	.pic4_1_out{
		width: 40%;
		float: left;
	}
	.pic4_2_out{
		width: 60%;
		float: left;
	}
}
